@charset 'utf-8';
.beijing {
    width: 100%;
    height: 100%;
    background-image: url(../../img/index/bg_an.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    overflow: hidden;
    .nengliangtiao {
        margin: 0 auto;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 20px;
        z-index: 1;
        img {
            max-width: 100%;
            height: auto;
            width: auto;
        }
        .nengliang {
            position: absolute;
            z-index: 13;
            left: 156px;
            top: 56px;
            background: url("../../img/result/progress_bar.jpg") no-repeat;
            height: 75px;
            width: 500px;
        }
    }
    .pingyu {
        margin: 0 auto;
        display: flex;
        flex-shrink: 1;
        img {
            max-width: 100%;
            height: auto;
            width: auto;
        }
    }
    .music {
        position: fixed;
        bottom: 20px;
        left: 20px;
        img {
            max-width: 100%;
            height: auto;
            width: auto;
        }
    }
    .shuaxin {
        position: fixed;
        bottom: 20px;
        right: 20px;
        img {
            max-width: 100%;
            height: auto;
            width: auto;
        }
    }
    .bg1 {
        position: absolute;
        left: 193px;
        top: 25px;
        z-index: 1;
    }
    .bg0 {
        position: absolute;
        left: 288px;
        top: 25px;
        z-index: 1;
    }
    .bg0_0 {
        position: absolute;
        left: 388px;
        top: 25px;
        z-index: 1;
    }
    .bgb {
        position: absolute;
        left: 487px;
        top: 25px;
        z-index: 1;
    }
    .like{
        position: absolute;
        left: 148px;
        bottom: 25px;
        z-index: 1;
    }
}